var form = layui.form
var data = {
    pagenum: 1,
    pagesize: 2,
}
var laypage = layui.laypage;
layui.use('laypage', function () {

    // 获取用户列表***********************************

    fn()
});

function fn() {
    $.ajax({
        url: '/admin/users',
        data: data,
        success: function (res) {
            // console.log(res);
            var html = template('tpl-line', res)
            $('tbody').html(html)
            //执行一个laypage实例
            laypage.render({
                elem: 'split', //注意，这里的 test1 是 ID，不用加 # 号
                count: res.total, //数据总数，从服务端得到
                limit: data.pagesize,
                limits: [3, 10, 30, 40, 100],
                curr: data.pagenum,
                // groups: 5,
                layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    // console.log(obj.limit); //得到每页显示的条数
                    //首次不执行
                    data.pagenum = obj.curr
                    data.pagesize = obj.limit
                    if (!first) {
                        //do something
                        data.pagenum = obj.curr
                        data.pagesize = obj.limit

                        fn()
                    }
                }
            });
        }
    })
}

// 点击删除按钮 弹框**************
$('body').on('click', '.aa', function () {
    var id = $(this).data('id')
    console.log(id);
    // var index = layer.open({
    //     content: '确认要删除用户么？'
    //   });
    //拿到的index是一个重要的凭据，它是诸如layer.close(index)等方法的必传参数。
    layer.confirm('确认要删除用户么？?', function (index) {
        //do something        
        layer.close(index);
        //   console.log(index);
        // if (index == 1) {
            $.ajax({
                url: '/admin/users/' + id,
                type: 'DELETE',
                success: function (res) {
                    console.log(res);
                    layer.msg(res.message)
                    fn()
                }
            })
        // }

    });
})

// 点击重置密码按钮 弹框**************

var id
var index
$('body').on('click', '.bounce', function () {
    id = $(this).data('id')
    index = layer.open({
        type: 1,
        title: '重置密码',
        content: $('#tpl-bounce').html(),
        area: ['500px', '300px']

    });
    //拿到的index是一个重要的凭据，它是诸如layer.close(index)等方法的必传参数。 
})


// 表单验证****************************
form.verify({     
    differ: function (value) { //value：表单的值、item：表单的DOM对象
        var oldPwd = $('.ff').val()
        console.log(oldPwd)
        if (oldPwd !== value) {
            console.log(123);
            return '两次密码不一致 请再次确认';
        }       
    }
})



// 重置密码**********************
$('body').on('submit', 'form', function (e) {
    e.preventDefault()
    var data = $(this).serialize()
    console.log(data);
    $.ajax({
        url: '/admin/users/' + id,
        data: data,
        type: 'PUT',
        success: function (res) {
            console.log(res);
            layer.msg(res.message)
            layer.close(index)
        }

    })
})